!!!
%html
  %head
    %meta{ 'http-equiv' => 'content-type', content: 'text/html; charset=UTF-8' }
    %title Gitdocs #{Gitdocs::VERSION}
    %link{ href: '/css/bootstrap.css', rel: 'stylesheet' }
    %link{ href: '/css/app.css', rel: 'stylesheet' }
    %link{ href: '/css/tilt.css', rel: 'stylesheet' }
    %link{ href: '/css/coderay.css', rel: 'stylesheet' }
    %script{ src: '/js/util.js', type: 'text/javascript', charset: 'utf-8' }
    %script{ src: '/js/jquery.js', type: 'text/javascript', charset: 'utf-8' }
    %script{ src: '/js/jquery.tablesorter.js', type: 'text/javascript', charset: 'utf-8' }
    %script{ src: '/js/bootstrap-alerts.js', type: 'text/javascript', charset: 'utf-8' }
    %script{ src: '/js/app.js', type: 'text/javascript', charset: 'utf-8' }
  %body
    .topbar#nav
      .fill
        .container
          %a.brand{ href: '/' } Gitdocs
          %ul.nav
            %li{ class: ('active' if nav_state == 'home') }
              %a{ href: '/' } Home
            %li{ class: ('active' if nav_state == 'settings') }
              %a{ href: '/settings' } Settings
          %form.pull-left{ action: '/search', method: 'GET' }
            %input{ type: 'text', placeholder: 'Search', name: 'q' }

    .container#main
      .content
        - if @title
          .page-header
            %h1= @title
        .row
          .span16= preserve(yield)

      %footer
        %p &copy; Gitdocs v#{Gitdocs::VERSION}
